{extend name="./public/base" /}
{block name="title"}个人资料{/block}
{block name="style"}
<style type="text/css">
	.content{
		width: 100%;
		background-color:#fff;
		font-size: 32px;
		color: #6e5858;
	}
	.top{
		width: 100%;
	    background-color: #ffba58;;
	    height: 80px;
	    color: #fff;
	    text-align: center;
	    line-height: 80px;
	    font-size: 32px;
	}
	.back{
		float: left;
	    margin-top: 14px;
	    padding-left: 10px;
	}
	.line{
		height: 2px;
	    background-color: #edecec;
	    margin: 40px auto;
	    width: 90%;
	}
	.line1{
		height: 2px;
	    background-color: #edecec;
	    margin: 40px auto;
	    width: 90%;
	    margin-top: -20px;
	}
	
	.content1{
		width: 90%;
	    background-color: #f3f1f114;
	    margin: auto;
	    border-radius: 15px;
	    position: relative;
	}
	
	.img{
		width: 100%;
		height:400px;
	}

	.img img{
		width: 100%;
		height:100%;
	}
	.content_list{
		padding: 10px;
		text-indent: 60px;
	}
	
</style>
{/block}
{block name="main"}
	<div id="app_content" class="content"> 
		<div class="top" >
			<span class="back"><img onclick="javascript:history.back(-1);" src="__STATIC__/images/back5.png" alt=""></span>
			<span>{{text11}}</span>
		</div>
		<div class="content1">
			<div class="img"><img src="__STATIC__/images/banner1.png" alt=""></div>
			<div class="line"></div>
			<div class="content_list">
				简单来说就是：写歌和裁缝一样

				这裁裁，那剪剪，再缝一缝

				Bingo！华丽丽的新歌诞生啦

				这种新姿势那是相当省事

				别人写歌7天憋不出6个字

				「音乐鬼裁」写歌7天15首，2个月120首

				文字君相信照这个速度下去

				不出半年就能占领华语乐坛

				不过吐槽归吐槽，大伙对于

				「抄袭」这件事还是很敏感的
			</div>
		</div>
	</div>
{/block}
{block name="script"}
<script type="text/javascript" >
    $(document).ready(function(){ 
		var host = "http://"+document.domain+"/api.php/";
		var vm  = new Vue({
			el: '#app_content',
			data: {
			    members: [],
			    text11:'介绍说明',
			},
		    methods:{
		        getMemberList:function(){
		        	var t = this;
		        	$.ajax({
		        		url: host+'member/list',
		        		type: 'post',
		        		dataType: 'json',
		        		data: {page: 1},
		        		success:function(data){
		        			console.log(data.code);
		        			if(data.code == 1){
		        				t.members = data.data;
		        				// t.text11 = "tuijian";
		        				console.log(123);
		        				console.log(t.members);
		        				console.log(t.text11);
		        			}
		        		},
		        		error:function(e){
		        			console.log('error'+e);
		        		}
		        	})	
		        },
		    },
		    mounted: function () {
	            console.log("已初始化");
	            this.getMemberList();
	            //console.log();
	        }

		})
		

		
	});
</script>
{/block}